查看原文
其他

来听我唱:最炫科技风!

庞少棠 庞门正道 2022-09-04

又到了装A(?)C时间。。。




最近,

最震撼的新闻莫过于中国空间站问天实验舱的发射。



看看官方宣传片,

这特效整得跟电影大片有得一拼!



这可不是设计师一拍脑袋,凭空想出来的模型,而是真真实实的科技,比起电影要震撼太多了!



看完之后,不由得感慨,科技都这么发达了,设计也要赶上啊,那我今天就给大家整几招科技风的设计技巧吧。。。


话不多说,操练起来。












说到科技海报的设计,当然少不了硬核风格。我们直接实操案例走起。


第1步,

先抠一张宇航员的素材图。



第2步,

给面画铺上黑底,上面叠加一层浅蓝色的块,作为内容的承载框架。



第3步,

把中间的色块随机的切一下边角,让它有种电路版的感觉。



第4步,

覆盖一层划痕纹理,模拟出战损的效果。



第5步,

选择一个偏硬朗的字体,与画面主体形成穿插的效果。



第6步,

为了不让文字干扰到主体,把下面的两个字做成空心的,叠加到主体身上。然后在画面的空间地方再添加一点电路线,代码信息等内容,丰富画面。



第7步,

最后,再在边边角角上添加一些细节,修饰一下画面。



OK,一张硬核风的海报完工。


继续装逼。








科技风的设计,在配色上也有着鲜明的特点。一般以冷色为主,体现出金属的质感,要有不真实感,这样才能达到不明觉厉的效果。


来看实操案例。


第1步,

抠一张剃须刀的产品图。



第2步,

确定好画面的底色,然后用线条给产品画一个立体框。底下拉两条平行线,确定画面的空间走向。




第3步,

给立体框的每一个面打上光,让它呈现出通透的玻璃质感。



这里有一点小诀窍。

那就是一定不要让白色均匀分布,而是要有深有浅。这样才符合我们对于光线反射在玻璃上的真实观感。



第4步,

给玻璃框的添加一条金属拉丝的底座,承托起产品本身。



金属拉丝效果的制作步骤如下:





第5步,

顺着玻璃框的透视方向,用色块简单地分割一下画面,强化整体的空间感。



第6步,

在背景上再添加一些色块来丰富场景的细节。



第7步,

最后,排版好文案。



OK,完工。


来,吃块水果,休息下继续。










现代人的生活越来越走向虚拟,电子屏幕则成为真实世界与虚拟世界的一道墙。在设计中,我们可以用类似屏幕的元素来营造出科技感。


第1步,

抠一张产品图。



第2步,

确定主色调,然后在产品的背后画一个框,用来模拟屏幕显示效果。



第3步,

加一些纹理,强化一下显示框的细节。



第4步,

还是用电脑界面的风格,将标题做成按钮的样式,飘浮到显示框上。



第5步,

补充其它文案信息。


第6步,

在背景上添加方格纹理,和一些文字代码信息以及装饰细节,让整体看起来有点全息投影的感觉。


OK,搞定。


走你~








电子娱乐风,常用于综艺、影视等娱乐海报。在配色上一般会选择蓝色和紫色的冷暖对比配色,以及电子霓虹灯等有点偏赛博朋克的元素。来看看具体怎么做。


第1步,

抠一张人物模特素材图。



第2步,

在画面中随意画几个矢量图形。色彩上选择蓝色和紫色,这两种颜色属于相近色,很容易融合在一起。而且都是科技风设计中最常用到的颜色。



第3步,

在属性面板里,将每个色块的羽化值拉大,这样我们就得到了一个平滑过渡的背景了。



第4步,

在背景上添加一点网格纹理,让画面有点电子风,再给人物加上投影,这样画面的空间感就出来了。



第5步,

在人物的背景打上标题,让文字顺着人物运动的方向。



第6步,

给文字加点纹理,然后在上面叠加一层闪电的发光效果。



第7步,

为了让人物与整体的风格更协调,我们给人物加上一点色散的效果,具体做法是将人物复制一层,然后在样式属性面板中单独勾选其中一个通道,再将这一层移动一下,就产生错位的色散效果。



最终效果:



OK,完工。



今天的教程内容就到这。


接下来该你出手了。




结合今天讲的内容,自拟素材,做1-4张练手海报。


尺寸:

宽度 1000px,高度不限。


格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-作业,如:阿门-QQ12345678-作业.jpg

不要ai或者cdr等格式,也不要压缩包


邮件标题:

20220721-你的名字-QQ-作业


请注意-------------------

大家需要在作品中添加“庞门正道”或者“Artman design”的文字,以防止有人从网上盗图。

--------------------------


我会选择3位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。



下一期教程出来的时候公布优秀结果,投稿邮箱:

2994247228@qq.com



期待你的参与,让一百多万门友共同见证你的进步!


上期排版海报的作业中,一共收到63份作品,希望大家看完教程后,都像这些同学一样,练起来!这样才有效果!


全部作品截图:



很多同学都做得十分用心,相信时间会见证你们的进步,下面精选出3位同学送出小礼物:


01号作品

阿媚

很酷炫的配色,整体的风格的产品调性也很搭配。排版上有一个小问题:文案的分布有点碎。建议拉大字号对比,突出主要标题,弱化次要信息。



02号作品

咸鱼翻身

很明快的配色,第1张的色彩明度对比不够,导致色彩有点飘。文字排版上可以多增加一些变化。



03号作品

桑雅

创意很有意思。

画面的主体略有点些单薄,撑不起画面,如果实在找不到合适的素材,可以将香蕉多复制一个。另外香蕉的描边有锯齿,看起有点粗糙。



以上三位送出庞门正道定制本各一个



-----------------------

好了,

学到干货的同学请大方地点击一下喜欢作者!!:)


这样下一期干货来得更快!


(在公众号回复:色彩教程,排版教程,有惊喜)



 

越努力,越幸运。

这里是庞门正道。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存